import React from "react";
import { foodProps, getLocalFood } from "../../untils/foodsStorage";
import { Card } from "antd";

const Turntable = () => {
  const TurnTableItems:Array<foodProps> = getLocalFood()
  return (
    <div>
      {
        TurnTableItems.map(item => {
          return(
            <Card title={item.name} extra={<a href="#">More</a>} style={{ width: '100%' }} key={item.id}
            size="small"
            >
              <p>{item.price}</p>
            </Card>
          )
        })
      }
    </div>
  )
}

export default Turntable